import React, { useState } from 'react'
import { View, Text, Input, Image, Textarea } from '@tarojs/components'
import PageWrapper from '@/components/PageWrapper'
import './index.scss';
import {navigateTo} from "@/utils/navigation";

const Page = () => {

  return (
    <PageWrapper title="优惠券核销历史" showBack={true} backgroundColor='#F0F0F0'>
      <View className="coupon-box">
        <View className="title-item-box">
          <View className="title-item">核销说明</View>
        </View>
        <View className="coupon-item"  onClick={() => navigateTo('/pages/user/coupon-remove/index')}>
          <View className="img">
            <Image src={require(`../../../assets/photo.png`)}/>
          </View>
          <View className="title-box">
            <View className="tip">分享券</View>
            <View className="title">100元代金券</View>
          </View>
          <View className="time">2025.12.02</View>
          <View className="verified">已核销</View>
        </View>
        <View className="coupon-item">
          <View className="img">
            <Image src={require(`../../../assets/photo.png`)}/>
          </View>
          <View className="title-box">
            <View className="tip">分享券</View>
            <View className="title">100元代金券</View>
          </View>
          <View className="time">2025.12.02</View>
          <View className="verified">已核销</View>
        </View>
      </View>
    </PageWrapper>
  )
}

export default Page
